<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Galicia Office - Login</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" type="text/css" href="content/default/styles.css" />
    <!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="content/default/ie8-and-down.css" />
    <![endif]-->
    <script src="js/jqueryfwk/jquery-1.7.2.min.js"></script>
    <script src="js/Placeholders.min.js"></script>
    <script src="js/site.js"></script>
    <!--[if IE]>
    <script src="js/tags-html5.js"></script>
    <![endif]-->
    <!--[if lt IE 8]>
    <script src="js/IE8.js"></script>
    <![endif]-->
</head>
<body>
    <div id="main-container" class="main-login">
        <header>
             <div class="left"><img src="images/commons/logo-galicia.png" alt="Banco Galicia" /></div>
             <div class="right"><img src="images/commons/logo-go.png" alt="Galicia Office" /></div>
        </header>
        <nav><!---- Menu de accesos--->
            <ul class="l-accesos">
                <li><a class="l-alta" href="#"></a><span>Adherirse al Servicio / Alta de Operadores</span></li>
                <li><a class="l-seguridad" href="#"></a><span>Seguridad del Servicio</span></li>
                <li><a class="l-respuestas" href="#"></a><span>Respuestas a Preguntas Frecuentes</span></li>
                <li><a class="l-terminos" href="#"></a><span>Terminos y condiciones</span></li>
                <li><a class="l-demo" href="#"></a><span>Demo GALICIA OFFICE</span></li>
                <li><a class="l-verificacion" href="#"></a><span>Verificación de Requisitos técnicos</span></li>
                <li class="active"><a class="l-mensajes" href="#"></a><span>Mensajes al banco</span></li>
                <li><a class="l-login" href="#">Login</a></li>
            </ul>
        </nav>
        <section class="data-accesos">
            <!---- Contenido acá ---->
            <div class="form-box span1">
                <form>
                    <div class="row">
                        <span>Razón Social</span>
                        <span>Asociacion Procrear</span>
                    </div>
                    <div class="row">
                        <span>CUIT</span>
                        <input type="text" class="inputtext decimales" value="" readonly>
                        <input type="text" class="inputtext importe" value="" readonly>
                        <input type="text" class="inputtext decimales" value="" readonly>
                    </div>
                    <div class="row">
                        <span>Apellido y Nombre</span>
                        <input type="text" class="inputtext" value="Juan Perez Esquivel" readonly>
                    </div>
                    <div class="button-box">
                        <input class="gobutton1" id="Submit1" name="Prepara" value="Realizar transferencia" type="submit">
                    </div>
                </form>
            </div>
            <div class="form-box presentacion">
                <form>
                    <h5 class="form-title"><span>Envienos sus dudas o comentarios</span></h5>
                    <div class="row">
                        <span>Razón Social</span>
                        <input type="text" class="inputtext" value="Asociacion Procrear">
                    </div>
                    <div class="row">
                        <span>CUIT</span>
                        <input type="text" class="inputtext decimales" value="" readonly>
                        <input type="text" class="inputtext importe" value="" readonly>
                        <input type="text" class="inputtext decimales" value="" readonly>
                    </div>
                    <div class="row">
                        <span>Apellido y Nombre</span>
                        <input type="text" class="inputtext" value="Juan Perez Esquivel">
                    </div>
                    <div class="row">
                        <span>Email</span>
                        <input type="text" class="inputtext" value="">
                    </div>
                    <div class="row">
                        <span>Mensajes</span>
                        <textarea placeholder="Ingrese observaciones a su operación"></textarea>
                    </div>
                    <h5 class="form-title"><span>Usted puede adjuntar hasta 1 Mb</span></h5>
                    <div class="row">
                        <span>Adjuntar archivo</span>
                        <input type="file" class="inputtext" value="Asociacion Procrear">
                    </div>
                    <div class="button-box">
                        <input class="gobutton1" id="Submit1" name="Prepara" value="Enviar" type="submit">
                    </div>
                </form>
            </div>
        </section>

        <section class="login"><!---- Ocultat para mostrar accesos --->
            <!---space for publicity- jquery animation----->
            <div class="login-cont-banner left">
               <div id="slideshow">
                   <img src="images/banners/login-banner-1.jpg" class="active" alt="Galicia Office" />
                   <img src="images/banners/login-banner-2.jpg" alt="Galicia Office" />
               </div>
           </div>
           <!---->
            <form class="right">
                <ul class="l-accesos">
                    <li><a class="l-alta" href="#"></a><span>Adherirse al Servicio / Alta de Operadores</span></li>
                    <li><a class="l-seguridad" href="#"></a><span>Seguridad del Servicio</span></li>
                    <li><a class="l-respuestas" href="#"></a><span>Respuestas a Preguntas Frecuentes</span></li>
                    <li><a class="l-terminos" href="#"></a><span>Terminos y condiciones</span></li>
                    <li><a class="l-demo" href="#"></a><span>Demo GALICIA OFFICE</span></li>
                    <li><a class="l-verificacion" href="#"></a><span>Verificación de Requisitos técnicos</span></li>
                    <li><a class="l-mensajes" href="#"></a><span>Mensajes al banco</span></li>
                </ul>
                <div class="center">
                    <span class="form-alert">El usuario o contraseña ingresada es incorrecta, ingrese de nuevo</span>
                    <input class="user" type="text" class="login-user" placeholder="Nombre de Usuario" />
                    <input class="password" type="password" class="login-password" placeholder="Clave de Acceso" />
                    <div class="login-buttons">
                        <button type="submit" class="naranja">INGRESAR</button><a href="#">¿Olvidó su clave?</a>
                    </div>
                    <p>Mucho más fácil de usar.</p>
                </div>
            </form>
        </section>
        <footer>
            <img class="secured" src="images/commons/logo-norton-secured.png" alt="Norton Security" />
            <p>Por dudas o consultas sobre temas de seguridad en Galicia Office, contáctese con nuestros especialistas escribiendo a <a href="mailto:seguridadGO@bancogalicia.com.ar" target="_blank">seguridadGO@bancogalicia.com.ar</a></p>
        </footer>
    </div>
</body>
</html>